<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <div class="box1">box1</div>
    <div class="box2">box2</div>
    <h3><span><input type="text"></span></h3> -->

    <!-- <input type="button" class="button1" value="这是一个按钮"> -->

    <!-- <input type="text" onkeyup="myonkeyup()"> -->

    <img src="../图片/加载符号.png" alt="图片加载失败" title="这是一个加载图片">

</body>
<script>
    // console.log(document.querySelector('.box1'))
    // console.log(document.querySelector('h3').querySelector('span').querySelector('input'))
    // console.log(document.querySelectorAll('div'))

    // //事件源
    // let b=document.querySelector('.button1')
    // //一点击（绑定事件类型）就执行函数（设定了事件处理程序）
    // b.onclick=function()
    // {
    //     alert('Hello')
    // }

    // let a=document.querySelector('input')
    // //键盘按下执行函数
    // a.onkeydown=function()//onkeydown不区分大小写，onkeypress区分
    // {
    //     console.log("键盘正在按下")
    //     let tmp=event.keyCode;//event是全局变量，tmp是ASCII码
    //     if(event.shiftKey)//shift等键要特殊判断
    //     {
    //         alert("shift键被按下")
    //     }
    //     else
    //     {
    //         let tmp1=String.fromCharCode(tmp)//tmp1转换成字符
    //         console.log(tmp1)
    //     }
    // }

    // function myonkeyup()
    // {
    //     console.log("按键被抬起")
    // }

    let i=document.querySelector('img')
    console.dir(i)//打印图片的属性
    i.onclick=function()
    {
        alert("你已经点击了图片")
    }

</script>
</html>